<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <title>今日币价</title>
    <link rel="stylesheet" href="../../css/reset.css" />
    <style>
        body {
            width: 100%;
            background-color: #fff;
            font-size: 0.28rem;
            height: auto;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            font-family: Helvetica;
            color: #333333;
        }

        .tips {
            color: #a6a6a6;
            height: 1.4rem;
            padding-left: 0.24rem;
            font-size: 0.24rem;
            border-bottom: 0.06rem solid #f6f6f6;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            background-color: #f7f7f7;
        }

        .coinChoose {
            width: 100%;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            box-sizing: border-box;
            padding: 0 0.2rem;
        }

        .coinChoose>span {
            display: inline-block;
            width: 100%;
            height: 0.76rem;
            padding-top: 0.2rem;
            line-height: 0.76rem;
        }

        .coinChoose ul>li {
            /* width: 100%; */
            height: 1.22rem;
            display: block;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            color: #dbdbde;
            margin: 0.4rem 0;
            padding: 0 0.5rem 0 0.5rem;
            background: url(../../image/radiobg.png) center center no-repeat;
            background-size: 100% 110%;
        }

        .coinChoose ul>li img {
            width: 0.62rem;
            height: 0.62rem;
            margin-right: 0.25rem;
        }

        .coinChoose ul>li>span:first-of-type {
            display: flex;
            display: -webkit-flex;
            align-items: center;
        }

        .coinChoose ul>li>span:last-of-type {
            color: #333333;
        }

        .coinChoose ul li {
            font-weight: 500;
        }
    </style>
</head>

<body>
    <div class="tips">
        注：今日币价为人人矿场官方指导币价，人人矿场委托交易指导价均以此为准！币价可能与外部交易市场有所偏差。
    </div>
    <div class="coinChoose">
        <ul style="padding-top:0.2rem;">
            <li>
                <span><img src="../../image/btcicnx.png" alt="" /> <span>BTC</span></span>
                <span class="btccoin"></span>
            </li>
            <li>
                <span><img src="../../image/ethicnx.png" alt="" /> <span>ETH</span></span>
                <span class="ethcoin"></span>
            </li>
            <li>
                <span><img src="../../image/ltcicnx.png" alt="" /> <span>LTC</span></span>
                <span class="ltccoin"></span>
            </li>
            <li>
                <span><img src="../../image/bhpicnx.png" alt="" /> <span>BHP</span></span>
                <span class="bhpcoin"></span>
            </li>
        </ul>
    </div>

    <script src="../../script/autosize.js"></script>
    <script src="../../script/jquery_three_two_one.js"></script>
    <script src="../../script/app.js"></script>
    <script>
        apiready = function () {
            var app = new APP();
            var coinPrice = api.pageParam.todyPrice;
            $(".btccoin").text("￥" + coinPrice.btc_price);
            $(".ethcoin").text("￥" + coinPrice.eth_price);
            $(".ltccoin").text("￥" + coinPrice.ltc_price);
            $(".bhpcoin").text("￥" + coinPrice.bhp_price);
            app.headerMap();
        };

    </script>
</body>

</html>